
/*文字颜色*/
.co_fff{ color:#fff !important;}
.co_000{ color:#000 !important;}
.co_333{ color:#333 !important;}
.co_666{ color:#666 !important;}
.co_999{ color:#999 !important;}
.co_ccc{ color:#ccc !important;}
.co_bbb{ color:#bbb !important;}
.co_888{ color:#888 !important;}
/* 背景颜色 */
.bg_fff{ background:#fff !important;}
.bg_000{ background:#000 !important;}
.bg_f8f8f8{ background:#f8f8f8 !important;}

$radius:20rpx;

.f-s11{
	font-size: 22rpx !important;
}
// 定义字体(rpx)单位，12-40号字体
@for $i from 8 through 50 {
	.f-s#{$i} {
		font-size: $i*2 + rpx !important;
	}
}

.f-w100{font-weight: 100;}
.f-w400{font-weight: 400;}
.f-w500{font-weight: 400;}
.f-w600{font-weight: 600;}
.f-w700{font-weight: 700;}
.f-wbold{font-weight: bold;}

.f-f-arial{ font-family: arial;}
.t-d-lt{text-decoration: line-through;}
.line-height21{
	line-height:42rpx !important;
}
/*行高 1-2倍*/
@for $i from 10 through 20 {
	.line-h#{$i} {
		line-height: $i / 10!important;
	}
}

@for $i from 10 through 30 {
	.line-height#{$i*2} {
		line-height: $i*4 + rpx!important;
	}
}

/*文字溢出隐藏*/
.webkit-line-clamp-1{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.webkit-line-clamp-2{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.webkit-line-clamp-3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.webkit-line-clamp-5{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

/*强制文字换行(含英文)*/
.word-wrap-qzhh{word-wrap: break-word; word-break:break-all;}

/* 圆角设定 */
@for $i from 1 through 15 {
	.radius-#{$i*2} {
		border-radius: $i*4 + rpx!important;
	}
}

/* 宽度设定 */
@for $i from 0 through 60 {
	.width-#{$i*2} {
		width: $i*4 + rpx!important;
	}
}
.width-23{
	width: 46rpx;
}
/* 高度设定 */
@for $i from 0 through 60 {
	.height-#{$i*2} {
		height: $i*4 + rpx!important;
	}
}
/*内边距*/
@for $i from 0 through 6 {
	.p-#{$i*5} {
		padding: $i*10 + rpx!important;
	}
}
.p-t3{padding-top: 6rpx !important;}
.p-t8{padding-top: 16rpx !important;}
.p-t12{padding-top: 24rpx !important;}
.p-t13{padding-top: 26rpx !important;}
.p-t14{padding-top: 28rpx !important;}
@for $i from 0 through 10 {
	.p-t#{$i*5} {
		padding-top: $i*10 + rpx!important;
	}
}
.p-r3{padding-right: 6rpx !important;}
.p-r12{padding-right: 24rpx !important;}
@for $i from 0 through 10 {
	.p-r#{$i*5} {
		padding-right: $i*10 + rpx!important;
	}
}
@for $i from 0 through 10 {
	.p-r#{$i*2} {
		padding-right: $i*4 + rpx!important;
	}
}


@for $i from 0 through 10 {
	.p-lr#{$i*2} {
		padding-left: $i*4 + rpx!important;
		padding-right: $i*4 + rpx!important;
	}
}
@for $i from 0 through 10 {
	.p-tb#{$i*2} {
		padding-top: $i*4 + rpx!important;
				padding-bottom: $i*4 + rpx!important;
	}
}
@for $i from 0 through 10 {
	.p-#{$i*2} {
		padding: $i*4 + rpx!important;
	}
}
.p-b3{padding-bottom: 6rpx !important;}
.p-b8{padding-bottom: 16rpx !important;}
.p-b12{padding-bottom: 24rpx !important;}
.p-b14{padding-bottom: 28rpx !important;}
@for $i from 0 through 10 {
	.p-b#{$i*5} {
		padding-bottom: $i*10 + rpx!important;
	}
}
.p-l3{padding-left: 6rpx !important;}
.p-l8{padding-left: 16rpx !important;}
.p-l12{padding-left: 24rpx !important;}
.p-l16{padding-left: 32rpx !important;}
.p-l18{padding-left: 36rpx !important;}
@for $i from 0 through 10 {
	.p-l#{$i*5} {
		padding-left: $i*10 + rpx!important;
	}
}

/*外边距*/
@for $i from 0 through 6 {
	.m-#{$i*5} {
		margin: $i*10 + rpx!important;
	}
}
.m-t1{margin-top: 2rpx !important;}
.m-t3{margin-top: 6rpx !important;}
.m-t11{margin-top: 22rpx !important;}
.m-t23{margin-top: 46rpx !important;}
.m-t52{margin-top: 104rpx !important;}
@for $i from 0 through 30 {
	.m-t#{$i*2} {
		margin-top: $i*4 + rpx!important;
	}
}
/* 5-10-15...150 */
@for $i from 0 through 15 {
	.m-t#{$i*5} {
		margin-top: $i*10 + rpx!important;
	}
}
.m-r2{margin-right: 4rpx !important;}
.m-r3{margin-right: 6rpx !important;}
.m-r4{margin-right: 8rpx !important;}
.m-r8{margin-right: 16rpx !important;}
.m-r12{margin-right:24rpx !important;}
.m-r17{margin-right:34rpx !important;}
.m-r21{margin-right:42rpx !important;}
@for $i from 0 through 15 {
	.m-r#{$i*5} {
		margin-right: $i*10 + rpx!important;
	}
}
.m-b3{margin-bottom: 6rpx !important;}
.m-b8{margin-bottom: 16rpx !important;}
.m-b12{margin-bottom: 24rpx !important;}
.m-b12{margin-bottom: 26rpx !important;}
.m-b16{margin-bottom: 32rpx !important;}
.m-b18{margin-bottom: 36rpx !important;}
@for $i from 0 through 10 {
	.m-b#{$i*5} {
		margin-bottom: $i*10 + rpx!important;
	}
}
.m-l21{margin-left:42rpx !important;}
.m-l2{margin-left: 4rpx !important;}
.m-l3{margin-left: 6rpx !important;}
.m-l6{margin-left: 12rpx !important;}
.m-l8{margin-left: 16rpx !important;}
.m-l12{margin-left: 24rpx !important;}
@for $i from 0 through 15 {
	.m-l#{$i*5} {
		margin-left: $i*10 + rpx!important;
	}
}

/*正 图片宽度*/
.img{ vertical-align: top;}

.border-gray{ border-top:2rpx solid #f2f2f2; }
.border-gray-1{ border:2rpx solid #f2f2f2; }
.border-radius-0{ border-radius: 0 !important; }
.border-radius-3{ border-radius: 6rpx !important; }
.border-radius-5{ border-radius: 8rpx !important; }
.border-radius-6{ border-radius: 12rpx !important; }
.border-radius-8{ border-radius: 16rpx !important; }
.border-radius-12{ border-radius: 24rpx !important; }
.border-radius-100{ border-radius: 200rpx !important; }

.b-liuhai{padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;}

.tool-fixed{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10;}

.rich-text{ font-size: 28rpx; line-height: 1.6; color:#000; background:#fff;}
.rich-text img{ max-width: 100% !important; height: auto; vertical-align: top;}
.rich-text em{ font-style: initial;}

.price-src{ color: #ccc; font-size: 24rpx;text-decoration: line-through;}

/* 按钮 */
.regiter-bottom{
	&.mintr{
		background: #fff !important;color: #fff !important;border:2rpx solid #fff !important;box-sizing: border-box;
		&::after{border: none;}
	}
	&.mintr-gray{
		background: none !important;color: #999 !important;border:2rpx solid #f3f3f3 !important; box-sizing: border-box;
		&::after{border: none;}
	}
	&.mintr-gray2{
		background: none !important;color: #000 !important;border:2rpx solid #707070 !important; box-sizing: border-box;
		&::after{border: none;}
	}
	&.gray{ background: #f4f4f4 !important; color: #999 !important;}
	&.orange{ background: #FFB83C !important; color: #fff !important;}
	&[disabled]{ color: rgba(0,0,0,.35) !important; background: #ddd !important;}
	
	&.h60{height: 120rpx !important;}
	&.h50{height: 100rpx !important;;}
	&.h40{height: 80rpx !important;;}
	&.h36{height: 72rpx !important;;}
	&.h32{height: 64rpx !important;;}
	&.h30{height: 60rpx !important;;}
	&.h28{height: 56rpx !important;;}
	&.h26{height: 52rpx !important;;}
	&.h24{height: 48rpx !important;;}
}
button[disabled]{ color: rgba(0,0,0,.35) !important; background: #ddd !important;}